<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="css/bootstrap.css">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Security-Policy"
    content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'">
  <script src="js/jq.js"></script>

  <script src="js/bootstrap.js"></script>

</head>

<body style="width: 400px;">
  <div class="container">
    <div class="row clearfix">
      <div class="col-md-12 column">
        <div class="tabbable" id="tabs-600529">
          <ul class="nav nav-tabs">
            <li class="active">
              <a href="#panel-002" data-toggle="tab">身份设置</a>
            </li>
            <!-- <li >
              <a href="#panel-005" data-toggle="tab">手机设置</a>
            </li> -->
            <li >
              <a href="#panel-001" data-toggle="tab">填充设置</a>
            </li>
            
            <!-- <li>
              <a href="#panel-003" data-toggle="tab">xss设置</a>
            </li> -->
            <li>
              <a href="#panel-004" data-toggle="tab">其他设置</a>
            </li>
            <!-- <li>
              <a href="#panel-006" data-toggle="tab">其他工具</a>
            </li> -->
          </ul>
          <div class="tab-content" style="
          padding-top: 10px;
      ">
            <div class="tab-pane " id="panel-001">
              <form class="form-horizontal" role="form">
                <div class="form-group">
                  <label for="c1" class="col-xs-2 control-label">字母</label>
                  <div class="col-xs-10" id="c1">
                    <div class="row">
                      <div class="col-xs-3">
                        <label>
                          <input type="radio" name="ele_op" id="ele1" value="ele1"> 皆可
                        </label>
                      </div>
                      <div class="col-xs-3">
                        <label>
                          <input type="radio" name="ele_op" id="ele2" value="ele2">大写
                        </label>
                      </div>
                      <div class="col-xs-3">
                        <label>
                          <input type="radio" name="ele_op" id="ele3" value="ele3">小写
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
                <form class="form-horizontal" role="form">
                  <div class="form-group">
                    <label for="c5" class="col-xs-2 control-label">中文</label>
                    <div class="col-xs-10" id="c5">
                      <div class="row">
                        <div class="col-xs-3">
                          <label>
                            <input type="radio" name="chn" id="ch1" value="ch1"> 常用
                          </label>
                        </div>
                        <div class="col-xs-3">
                          <label>
                            <input type="radio" name="chn" id="ch2" value="ch2">姓名
                          </label>
                        </div>
                        <div class="col-xs-3">
                          <label>
                            <input type="radio" name="chn" id="ch3" value="ch3" disabled>地址
                          </label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="num1" class="col-xs-2 control-label">数字</label>
                    <div class="col-xs-10">
                      <div class="">
                        <label>
                          <input type="checkbox" id="num1"> 补位（只有纯数字时有效）
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="f1" class="col-xs-2 control-label">符号</label>
                    <div class="col-xs-10">
                      <div class="">
                        <label style="
                      width: 100%;
                  ">
                          <input type="text" id='f1' style="
                        width: 100%;
                    ">
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="c2" class="col-xs-2 control-label">生成</label>
                    <div class="col-xs-10">
                      <div class="row" id="c2">
                        <div class="col-xs-3">
                          <label>
                            <input type="checkbox" id="s1"> 字母
                          </label>
                        </div>
                        <div class="col-xs-3">
                          <label>
                            <input type="checkbox" id="s4"> 中文
                          </label>
                        </div>
                        <div class="col-xs-3">
                          <label>
                            <input type="checkbox" id="s2"> 数字
                          </label>
                        </div>
                        <div class="col-xs-3">
                          <label>
                            <input type="checkbox" id="s3"> 符号
                          </label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="c3" class="col-xs-2 control-label">规则</label>
                    <div class="col-xs-10" id="c3">

                      <div class="row">
                        <div class="col-xs-12">
                          <label style="
                        width: 100%;
                    ">
                            <input type="radio" name="rule" id="rule1" value="rule1"> 长度 <input id="ru1" type="text"
                              style="
                          width: 81%;
                      ">
                          </label>

                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-12">
                          <label style="
                        width: 100%;
                    ">
                            <input type="radio" name="rule" id="rule2" value="rule2" disabled> 格式 <input id="ru2"
                              type="text" style="
                          width: 81%;
                      ">
                          </label>

                        </div>
                      </div>


                    </div>
                  </div>
                  <div class="form-group">
                    <label for="c4" class="col-xs-2 control-label">说明</label>
                    <div class="col-xs-10" id="c4">
                      <div class="">
                        <label style="
                      width: 100%;font-size:10px
                  "><i>
                            数字的补位，当勾选时：需要4位数字，会出现0002的情况，不勾选，则不会出现0开始的数字；<br>
                            生成，中文需选择常用;<br>
                            规则，$d为数字，$w为中文，$e为字母小写，$E为字母大写，$f为符号，直接跟数字为长度，数字接-接数字，为最大和最小的随机长度,不跟随数字默认为3,生成选择无效,最后以|结尾。例如：一个字母随机三到五个数字随机，固定-001，随机字符，应该是：$e1$$d3-5$-001$f$
                          </i>

                        </label>
                      </div>
                    </div>
                  </div>



                </form>
            </div>
            <div class="tab-pane active" id="panel-002">
              <form class="form-horizontal" role="form">

                <div class="form-group">
                  <label class="col-xs-2 control-label">地点</label>
                  <div class="col-xs-10">

                    <div class="row">
                      <div class="col-xs-12">
                        <label style="
                        width: 100%;
                    ">
                          <input type="radio" name="addr" id="addr1" value="addr1" style="
                          margin-right: 15px;
                      "> 随机
                        </label>

                      </div>
                    </div>

                    <div class="row">
                      <div class="col-xs-12">
                        <label style="
                        width: 100%;
                    ">
                          <div class="row">
                            <div class="col-xs-1 radio"><input type="radio" name="addr" id="addr2" value="addr2" style="
                        margin-left: 0;
                    "></div>
                            <div class="col-xs-10"><select class="form-control" id="addr">
                                <option value="310000">上海市</option>
                                <option value="110000">北京市</option>
                                <option value="120000">天津市</option>
                                <option value="130000">河北省</option>
                                <option value="140000">山西省</option>
                                <option value="150000">内蒙古自治区</option>
                                <option value="210000">辽宁省
                                </option>
                                <option value="220000">吉林省</option>
                                <option value="230000">黑龙江省</option>
                                <option value="320000">江苏省</option>
                                <option value="330000">浙江省</option>
                                <option value="340000">
                                  安徽省</option>
                                <option value="350000">福建省</option>
                                <option value="360000">江西省</option>
                                <option value="370000">山东省</option>
                                <option value="410000">河南省</option>
                                <option value="420000">湖北省</option>
                                <option value="430000">湖南省</option>
                                <option value="440000">广东省</option>
                                <option value="450000">广西壮族自治区</option>
                                <option value="460000">海南省</option>
                                <option value="500000">重庆市</option>
                                <option value="510000">四川省</option>
                                <option value="520000">贵州省</option>
                                <option value="530000">云南省</option>
                                <option value="540000">西藏自治区</option>
                                <option value="610000">陕西省</option>
                                <option value="620000">甘肃省</option>
                                <option value="630000">青海省</option>
                                <option value="640000">宁夏回族自治区</option>
                                <option value="650000">新疆维吾尔自治区</option>

                              </select></div>

                          </div>


                        </label>

                      </div>
                    </div>


                  </div>
                </div>

                <div class="form-group">
                  <label class="col-xs-2 control-label">生日</label>
                  <div class="col-xs-10">

                    <div class="row">
                      <div class="col-xs-12">
                        <label style="
                        width: 100%;
                    ">
                          <input type="radio" name="birth" id="birth1" value="birth1" style="
                          margin-right: 15px;
                      "> 随机
                        </label>

                      </div>
                    </div>

                    <div class="row">
                      <div class="col-xs-12">
                        <label style="
                        width: 100%;
                    ">
                          <div class="row">
                            <div class="col-xs-1 radio"><input type="radio" name="birth" id="birth2" value="birth2"
                                style="
                        margin-left: 0;
                    "></div>
                            <div class="col-xs-4" style="
                      padding-right: 0px;
                  "><select class="form-control" id="year">
                                
                              </select></div>
                            <div class="col-xs-3" style="
                      padding-right: 0px;
                  "><select class="form-control" id="month">
                                <option>01</option>
                                <option>02</option>
                                <option>03</option>
                                <option>04</option>
                                <option>05</option>
                                <option>06</option>
                                <option>07</option>
                                <option>08</option>
                                <option>09</option>
                                <option>10</option>
                                <option>11</option>
                                <option>12</option>
                              </select></div>
                            <div class="col-xs-3" style="
                      padding-right: 0px;
                  "><select class="form-control" id="day">
                                <option>01</option>
                                <option>02</option>
                                <option>03</option>
                                <option>04</option>
                                <option>05</option>
                                <option>06</option>
                                <option>07</option>
                                <option>08</option>
                                <option>09</option>
                                <option>10</option>
                                <option>11</option>
                                <option>12</option>
                                <option>13</option>
                                <option>14</option>
                                <option>15</option>
                                <option>16</option>
                                <option>17</option>
                                <option>18</option>
                                <option>19</option>
                                <option>20</option>
                                <option>21</option>
                                <option>22</option>
                                <option>23</option>
                                <option>24</option>
                                <option>25</option>
                                <option>26</option>
                                <option>27</option>
                                <option>28</option>
                                <option>29</option>
                                <option>30</option>
                                <option>31</option>
                              </select></div>

                          </div>


                        </label>

                      </div>
                    </div>


                  </div>
                </div>

                <div class="form-group">
                  <label class="col-xs-2 control-label">性别</label>
                  <div class="col-xs-10">
                    <div class="row">
                      <div class="col-xs-3">
                        <label>
                          <input type="radio" name="sex" id="sex1" value="sex1"> 随机
                        </label>
                      </div>
                      <div class="col-xs-3">
                        <label>
                          <input type="radio" name="sex" id="sex2" value="sex2"> 男
                        </label>
                      </div>
                      <div class="col-xs-3">
                        <label>
                          <input type="radio" name="sex" id="sex3" value="sex3"> 女
                        </label>
                      </div>
                    </div>
                  </div>
                </div>


              </form>
            </div>
            <div class="tab-pane" id="panel-003">
              <form role="form">
                <div class="form-group">
                  <label for="name">内容</label>
                  <textarea class="form-control" rows="5"></textarea>
                </div>
              </form>
            </div>
            <div class="tab-pane" id="panel-004">
              <form role="form">
                <div class="form-group">
                  <label class="col-xs-5 control-label">数据重复时间</label>
                  <div class="col-xs-7">



                    <label style="
                        width: 100%;
                    ">
                      <select class="form-control" id="retime">
                        <option value="1">一个月</option>
                        <option value="3">三个月</option>
                        <option value="0">无</option>


                      </select>


                    </label>



                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-5 control-label">身份生日区间</label>
                  <div class="col-xs-7">



                    <label style="
                        width: 100%;
                    ">
                    <div class="row">
                      <div class="col-xs-5" style="
                      padding-right: 0px;
                  "><input type="text" id="birthstart" style="
                        width: 100%;
                    "></div><div class="col-xs-1">-</div>
                      <div class="col-xs-5" style="
                      padding-left: 0px;
                  "><input type="text" id="birthend" style="
                        width: 100%;
                    "></div>

                    </div>
                     

                    </label>



                  </div>
                </div>
                <div class="form-group">
                  <label for="tele" class="col-xs-5 control-label">白名单号段值</label>
                  <textarea class="form-control" id="tele" rows="6"></textarea>
                </div>
              </form>
            </div>

            <div class="tab-pane" id="panel-006">
              <form role="form">
               
              </form>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="tt">

  </div>
  <script type="text/javascript" charset="utf-8" src='js/pp.js'></script>
</body>

</html>